<template>
  <div>
    <div class="fixHead">
      <div class="title">
        <span class="iconfont icon-jiantou" @click="$router.go(-1)"></span>
        <span class="icon-home" @click="$router.push('/')"></span>
        <h1>我的名片</h1>
        <router-link :to="'/card/edit'" class="rightBtn">添加名片</router-link>
      </div>
      <div style="height: 0.88rem;"></div>
    </div>
    <div class="myCard">
      <div class="tab">
        <span class="item active">名片1</span>
        <span class="item">名片2</span>
      </div>
      <div class="card">
        <div class="wrap">
          <div class="top">
            <img class="head" src="../../../assets/images/adver.jpg" />
            <div class="info">
              <div class="name">
                <span>麻小云</span>
                <span class="default">默认名片</span>
              </div>
              <div class="des">阿里巴巴创始人/慈善会会长/蚂蚁金服执行董事</div>
            </div>
          </div>
          <div class="link">
            <div class="item">
              <img class="icon" src="../../../assets/images/mkf/link1.png" />
              <span class="name1">手机:</span>
              <span class="name2">15512345678</span>
            </div>
            <div class="item">
              <img class="icon" src="../../../assets/images/mkf/link2.png" />
              <span class="name1">邮箱:</span>
              <span class="name2">15512345678@qq.com</span>
            </div>
            <div class="item">
              <img class="icon" src="../../../assets/images/mkf/link3.png" />
              <span class="name1">微信:</span>
              <div class="qrcode">
                <div><img src="../../../assets/images/kefu.jpg" /></div>
                <p>微信扫码加好友</p>
              </div>
            </div>
          </div>
          <div class="txt">
            我们的本质都是自己的英雄。在生命中很多日子里，不得不被或主动看清自己平凡小弱的事实，但在真相之后，我们依旧紧握梦想，勇敢地追求更好的自己。这件事本身就充满了意义。
          </div>
        </div>
      </div>
      <div class="btns">
        <div class="two">
          <button type="button" class="btn1">删除该名片</button>
          <button type="button" class="btn2">编辑该名片</button>
        </div>
        <div class="one">
          <button type="button">选用该名片</button>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "",
  components: {},
  props: {},
  data: function() {
    return {};
  },
  mounted: function() {},
  methods: {}
};
</script>

<style scoped></style>
